
<div id="view-page">
   <p>Zoom level:</p>
   <input id="zoom-level" type="range" min="-10" max="10" value="0">

   <p>Line thickness:</p>
   <input id="line-thickness" type="range" min="1" max="20" value="8">

   <p>Node radius:</p>
   <input id="node-radius" type="range" min="-10" max="10" value="0">

   <p><input id="use-fog" type="checkbox">Use this much fog:</p>
   <input id="fog-level" type="range" min="1" max="10" value="5">

   <p><input id="show-labels" type="checkbox" checked>Show labels of this size:</p>
   <input id="label-size" type="range" min="-10" max="10" value="0">

   <p>Arrowhead placement:</p>
   <input id="arrowhead-placement" type="range" min="0" max="20" value="20">
</div>
